<!-- NG-ZORRO -->
<!-- <a href="https://github.com/NG-ZORRO/ng-zorro-antd" target="_blank" style="display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;">
  <img height="300" src="https://img.alicdn.com/tfs/TB1NvvIwTtYBeNjy1XdXXXXyVXa-89-131.svg">
</a> -->
<!-- <button nz-button nzType="primary" (click)="createComponentModal()">
  <span>Use Component</span>
</button>
<br>
<nz-cascader [nzOptions]="areaList"> </nz-cascader> -->
<nz-button-group>
  <button nz-button (click)="search()">查询</button>
  <button nz-button nzType="primary" (click)="save()">新增</button>
  <button nz-button nzType="primary" (click)="edit()">编辑</button>
  <button nz-button nzType="danger" (click)="del()">删除</button>
  <button nz-button nzType="danger" (click)="clearStore()">清空对象仓库</button>
  <button nz-button nzType="danger" (click)="clearDatabase()">清除数据库</button>
</nz-button-group>
<nz-table #basicTable [nzData]="list">
  <thead>
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>Age</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let data of basicTable.data">
      <td>{{ data.id }}</td>
      <td>{{ data.name }}</td>
      <td>{{ data.age }}</td>
      <td>{{ data.email }}</td>
    </tr>
  </tbody>
</nz-table>
